<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>{{cache("kv_site_name")}}</title>

    <link href="{{tbFont()}}" rel="stylesheet" type="text/css">
    <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('css/animate.css')}}" rel="stylesheet" type="text/css">
</head>
<body>
<div id="app" v-cloak>
    <div class="img-bg"
         style="background-image: url('{{asset('imgs/register-bg.jpg')}}');">
    </div>
    <el-row>
        <el-col :md="{span: 8, offset: 8}">
            <div class="reg-panel">
                <div class="panel-title">
                    注册新用户<span>Register</span>
                </div>
                <div class="panel-content">
                    <el-form ref="ruleForm" :model="form" label-width="100px" :submit="onSubmit"
                             :rules="rules">
                        <el-form-item label="用户账号" prop="username">
                            <el-input v-model="form.username" type="text"></el-input>
                        </el-form-item>

                        <el-form-item label="用户等级" prop="vip">
                            <el-select v-model="form.vip" placeholder="请选择会员等级">
                                <el-option label="璀璨钻石代理商（5000）" value="2"></el-option>
                                <el-option label="闪耀黄金代理商（3000）" value="1"></el-option>
                            </el-select>
                        </el-form-item>

                        <el-form-item label="登录密码" prop="userpass">
                            <el-input v-model="form.userpass" type="password"></el-input>
                        </el-form-item>

                        <el-form-item label="确认密码" prop="reuserpass">
                            <el-input v-model="form.reuserpass" type="password"></el-input>
                        </el-form-item>

                        <el-form-item label="交易密码" prop="safepass">
                            <el-input v-model="form.safepass" type="password"></el-input>
                        </el-form-item>

                        <el-form-item label="确认密码" prop="resafepass">
                            <el-input v-model="form.resafepass" type="password"></el-input>
                        </el-form-item>

                        <el-form-item label="推荐人" prop="pname">
                            <el-input v-model="form.pname" type="text"></el-input>
                        </el-form-item>

                        <el-form-item label="节点人" prop="nname">
                            <el-input v-model="form.nname" type="text"></el-input>
                        </el-form-item>

                        <el-form-item label="报单中心" prop="bdzx">
                            <el-input v-model="form.bdzx" type="text"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit" :loading="loading">立即注册</el-button>
                            <transition
                                    enter-active-class="animated flash"
                                    leave-active-class="animated flash">
                                <span v-if="tip != ''" class="tip">@{{tip}}</span>
                            </transition>
                        </el-form-item>
                    </el-form>
                </div>
            </div>
        </el-col>
    </el-row>
</div>
<script type="text/javascript">
    var def = {
        pname: '{{$puser->username or ""}}',
        nname: '{{$puser->username or ""}}',
        bdzx: '{{$puser->username or ""}}'
    };
</script>
<script src="{{mix('js/register/app.js')}}"></script>
</body>
</html>